@import "tailwindcss";
@reference "../../../app/globals.css";

.my-select{
  @apply flex-nowrap leading-[32px] !bg-transparent h-[40px] selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm;
}

.my-select.placeholder{
  @apply text-muted-foreground;
}
.my-select.active{
  @apply border-ring ring-ring/50 ring-[3px];
}